
<!-- 头部上半部分 -->

<div class="header_1 ">
    <!-- logo -->
    <span><a href="">订阅咨询</a></span>
    <a class="logo" href="/index.html" ><img src="/images/logo.webp" alt=""></a>
    <ul>
        <li><a href="#"><img src="/images/Location-White.svg" alt=""></a></li>
        <li><a href="/html/account.html"><img src="/images/MyAccount-White.svg" alt=""></a></li>
        <li><a href="/html/shopping.html">

            <img src="/images/Bag-White.svg" alt="">
            <span id="headernum" class="headernum">0</span>
        </a></li>
    </ul>
</div>
<!-- 头部下半部分 -->
<div class="header_2 ">
    <div class="search-box">
        <i class="iconfont">&#xe611;</i>
        <input id="input-search" type="text" placeholder="搜索">
    </div>
    <!-- 导航栏 -->
    <ul class="nav">
        <li><a href="/html/products.html">新品</a></li>
        <li><a href="#">明星产品</a></li>
        <li><a href="#">底妆</a></li>
        <li><a href="#">彩妆</a></li>
        <li><a href="#">护肤</a></li>
        <li><a href="#">新年限量</a></li>
        <li><a href="#">了解更多</a></li>
    </ul>
</div>
